<template>
	<view class="menu">
		<view class="item" v-for="(item,index) in menu" :key="index">
			<image class="icon" :src="item.icon" mode=""></image>
			<view class="name">{{item.name}}</view>
		</view>
	</view>
</template>

<script setup>
	import {ref} from "vue"
	let menu = ref([
		{icon: "", name: "攻略"},
		{icon: "", name: "精品线路"},
	])
</script>

<style lang="scss" scoped>
	.menu{
		display: flex;
		margin: 30rpx 0;
		.item{
			width: 25%;
			text-align: center;
			.icon{
				width: 100rpx;
				height: 100rpx;
				background: #f30;
				border-radius: 50%;
			}
		}
	}
</style>